<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文章详情页</title>
    <link rel="stylesheet" type="text/css" href="/static/index/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/main.css">
    <script type="text/javascript" src="/static/index/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/index/js/main.js"></script>
    <script type="text/javascript" src="/static/index/js/detail.js"></script>
</head>
<body>
<div class="header_con">
    <div class="header">
        <a href="../Comic_consulting">返回上一层</a>
        <div class="user_btns fr">
            {% if not user %}
                <a href="{{ url_for('login_blu.login') }}" class="login_btn"><font
                        color="blue">登录</font> </a> /
                <a href="javascript:;" class="register_btn"><font color="blue">注册</font></a>
            {% else %}
                <a href="{{ url_for('.personal_center') }}" class="login_btn"><font
                        color="blue">{{ user.nick_name }}</font> </a><a href="#" id="logout">退出</a>
            {% endif %}
        </div>
    </div>

    <div class="conter_con">
        <div class="detail_con fl">
            <h3>{{ news.title }}</h3>
            <div class="detail_about clearfix">
                <span class="time_souce fl">{{ news.create_time }} 来源: {{ news.source }}</span>
                <span class="comment fr">3</span>
            </div>

            <p class="summary">
                摘要：{{ news.digest }}
            </p>

            {{ news.content | safe }}

            {% if user.can_collect %}
                <a href="javascript:;" class="collection block-center" data-news-id="{{ news.id }}">收藏</a>
            {% else %}
                <a href="javascript:;" class="collected block-center" data-news-id="{{ news.id }}"><span
                        class="out">已收藏</span><span class="over">取消收藏</span></a>
            {% endif %}

        </div>
        <div class="rank_con fr">
            <div class="rank_title">
                <h3>点击排行</h3>
            </div>
            <ul class="rank_list">
                {% for news in rank_news %}
                    <li><span class="{{ loop.index }}">{{ loop.index }}</span><a href="/detail3/{{ news.id }}"><font
                            color="black" style="border-left: aliceblue;">{{ news.title }}</font></a></li>
                    {#                    <li><span>6</span><a href="#">人民日报：部分城市楼市放松限制引关注，楼市调控不会“拉抽屉”</a></li>#}
                {% endfor %}
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="footer_links">
            <a href="">关于我们</a>
            <span>|</span>
            <a href="">联系我们</a>
            <span>|</span>
            <a href="">招聘人才</a>
            <span>|</span>
            <a href="">友情链接</a>
        </div>
        <p class="copyright">
            CopyRight © 2018 新经资讯信息技术有限公司 All Rights Reserved<br/>
            电话：010-****888 京ICP备*******8号
        </p>
    </div>
</div>

</body>
</html>
